<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./../../templates/principalTemplate.xhtml">

            <ui:define name="content">
                <h:form>
                    <p:panel id="panel" header="Aportar monto">
                        <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true"/>
                        <h:panelGrid columns="3" cellpadding="5"  style="padding: 0 15%;">
                            <p:outputLabel for="slcConsumidor" value="Consumidor"/>
                            <h:selectOneMenu id="slcConsumidor" required="true" value="#{aportarMtoingCtrl.idConsumidorSeleccionado}">
                                <f:selectItem itemLabel="Seleccione un consumidor" itemValue="" />
                                <f:selectItems value="#{aportarMtoingCtrl.consumidores}" />
                                <p:ajax update="slcIngreso" listener="#{aportarMtoingCtrl.seleccionoConsumidor}" />
                            </h:selectOneMenu>
                            <p:message for="slcConsumidor" />
                            <p:outputLabel for="slcIngreso" value="Ingreso"/>
                            <h:selectOneMenu id="slcIngreso" required="true" value="#{aportarMtoingCtrl.idIngresoSeleccionado}">
                                <f:selectItem itemLabel="Seleccione un ingreso" itemValue="" />
                                <f:selectItems value="#{aportarMtoingCtrl.ingresos}" />
                            </h:selectOneMenu>
                            <p:message for="slcIngreso" />
                            <p:outputLabel for="txtMonto" value="Monto" />
                            <p:inputText id="txtMonto" maxlength="25" required="true" value="#{aportarMtoingCtrl.monto}" />
                            <p:message for="txtMonto" />
                            <p:outputLabel for="txtDesc" value="Descripcion"/>
                            <p:inputText id="txtDesc" maxlength="25" value="#{aportarMtoingCtrl.descripcion}" />
                            <p:message for="txtDesc" />
                            <p:commandButton id="btnAceptar" value="Aceptar" update="@form" actionListener="#{aportarMtoingCtrl.aportar()}" />
                            <h:panelGroup />
                            <p:commandButton id="btnCancelar" value="Cancelar" update="@form" actionListener="#{aportarMtoingCtrl.cancelar()}" />
                        </h:panelGrid>
                    </p:panel>
                </h:form>
            </ui:define>

        </ui:composition>

    </body>
</html>
